<template>
	<div class="md-banner" :style="{marginTop: value.margin + 'px', padding: value.paddingy + 'px ' + value.paddingx + 'px'}">
		<div class="md-banner-item"></div>
		<ul class="md-banner-thumb">
			<li v-for="(item, index) in value.lists" :class="{'active': index == 0}"></li>
		</ul>
	</div>
</template>

<script>
export default {
	name: 'bannerContent',
	props: {
		value: Object
	},/*
	watch: {
		value: {
			deep: true,
			handler() {
				console.log(2)
			}
		}
	}*/
}
</script>

<style>
</style>